﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="menu123.aspx.cs" Inherits="menu123" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Untitled Page</title>
    <link href="../Styles/accounts.css" rel="stylesheet" type="text/css" />
    <link href="js/sdmenu.css" rel="stylesheet" type="text/css" />
    <script src="js/sdmenu.js" type="text/javascript"></script>
    <script type="text/javascript">
	// <![CDATA[
	var myMenu;
	window.onload = function() {
		myMenu = new SDMenu("my_menu");
		myMenu.init();
	};
	// ]]>
	</script>
</head>

 <body style=" background-image:url('../Images/b1.jpg'); background-repeat:repeat-x; width:100%; margin:0px; padding:0">  
   <form id="form1" runat="server">
    <div style="padding-top:40px; padding-left:10px;">
        <div style="border:1px solid #9e9e9e;">
         <div  id="my_menu" class="sdmenu">
           <asp:Repeater id="ParentRepeater" runat="server" OnItemDataBound="ParentRepeater_ItemDataBound">            
            <ItemTemplate>
              <div>
              <span>
                <%# Eval("text")%>
               </span>
                 <%-- adding one more repeater within this item template --%>
                <asp:Repeater id="ChildRepeater" runat="server"> 
                 <ItemTemplate>
                    <asp:HyperLink ID="hy1" runat="server" Text='<%# Eval("text")%>' NavigateUrl='<%#Eval("url")%>' Target="contentframe"></asp:HyperLink>
                </ItemTemplate>
                </asp:Repeater>
                </div>
                </ItemTemplate>
                </asp:Repeater>      
         </div>                  
         </div>
            <div style="padding-left: 200px; display:none;">
                  <pre>
                    var myMenu = new SDMenu("main_menu"); // ID of the menu element
                    // Default values...
                    myMenu.speed = 3;                     // Menu sliding speed (1 - 5 recomended)
                    myMenu.remember = true;               // Store menu states (expanded or collapsed) in cookie and restore later
                    myMenu.oneSmOnly = false;             // One expanded submenu at a time
                    myMenu.markCurrent = true;            // Mark current link / page (link.href == location.href)

                    myMenu.init();

                    // Additional methods...
                    var firstSubmenu = myMenu.submenus[0];
                    myMenu.expandMenu(firstSubmenu);      // Expand a submenu
                    myMenu.collapseMenu(firstSubmenu);    // Collapse a menu
                    myMenu.toggleMenu(firstSubmenu);      // Expand if collapsed and collapse if expanded

                    myMenu.expandAll();                   // Expand all submenus
                    myMenu.collapseAll();                 // Collapse all submenus
                  </pre>                  
                </div>                  
                </div>      
    </form>
</body>
</html>   